<style type="text/css">
#content-navGenreLeft {
	margin: 10px 0px 0px 0px;
	float: left;
	position: relative;
}
#content-navGenreLeft a {
	color: #3e3e3e;
}	
#content-navGenreLeft h3  {
	margin: 5px 0px 5px 0px;
	padding: 6px 0px 6px 3px;
	border-radius: 0px 5px 5px 0px;
	font-size: 13px;
	color: #efefef;
	background-color: #2c2c2c;
    background-image: -moz-linear-gradient(top, #333333, #222222);
    background-image: -ms-linear-gradient(top, #333333, #222222);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
    background-image: -webkit-linear-gradient(top, #333333, #222222);
    background-image: -o-linear-gradient(top, #333333, #222222);
    background-image: linear-gradient(top, #333333, #222222);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#content-navGenreLeft ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;

}
#content-navGenreLeft ul li {
	float: left;
	width: 100%;
	margin: 3px 3px 3px 15px;
	list-style-image: url('http://localhost/CODE2012/MusicWeb/application/template/image/icon/list.png');
	list-style-position: inside;

}


</style>




<div id="content-navGenreLeft">
		<?php 
		if(count($data_listGenre)>0) {
			$i=0;
			echo "<ul><h3>Danh Sách Thể Loại</h3>";
			foreach ($data_listGenre as $item) {
				# code...echo "<li class='content-navGenreLeft-listItem'>
				echo "<li><a href='{$url_path}the-loai-{$item['idGenre']}/{$item['titleGenre']}.html'>{$item['strGenre']}</a>
				</li>";
			}
			echo "</ul>";
		}

		?>
		
	</ul>
</div>